<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
	<title>亲友团助力</title>
	<link rel="stylesheet" href="css/support.css">
</head>
<body>
	<div class="support-page">
		<div class="srh-wrap">
			<div class="cont-right">
				<span class="btn btn-warn btn-srh">搜索</span>
				<span class="qst-wrap"><i class="icon icon-qst"></i>说明</span>
			</div>
			<div class="cont-left">
				<input type="text" placeholder="搜索你要支持的吉胜员工，得大奖">
			</div>
		</div>
		<div class="employee-info hide">	
			<p class="title hide">您助力的吉胜员工，期待他精彩亮相吧！<span class="qst-wrap"><i class="icon icon-qst"></i>说明</span></p>
			<p class="title">您当前已获得<span class="supt-num">21名</span>亲友助力支持<span class="supt-rank">(排名100)</span></p>
			<div class="avatar-box">
				<img src="images/support/avatar.png">
				<span class="icon icon-tag">100</span>
			</div>
			<div class="bottom">
				<div>	
					<span class="name">维莎</span>
					<span class="flag"><i class="icon icon-flag"></i>红队</span>
				</div>
				<div>产品运营工程师</div>
				<div>2015年优秀员工</div>
				<div>
					<span>支持数：<span>21</span></span>
					<span class="btn btn-blank btn-disupport">取消支持</span>
				</div>
				<div class="btn btn-blank btn-rank"><i class="icon icon-menu"></i>查看支持排行榜</div>
			</div>
			<div class="friends">
				<span class="txt">亲友团</span>
				<div class="friends-list">
					<img src="images/support/avatar.png">
					<img src="images/support/avatar.png">
					<img src="images/support/avatar.png">
					<img src="images/support/avatar.png">
					<img src="images/support/avatar.png">
					<img src="images/support/avatar.png">
					<img src="images/support/avatar.png">
					<img src="images/support/avatar.png">
					<img src="images/support/avatar.png">
					<img src="images/support/avatar.png">
					<img src="images/support/avatar.png">
					<img src="images/support/avatar.png">
					<img src="images/support/avatar.png">
					<img src="images/support/avatar.png">
					<img src="images/support/avatar.png">
					<img src="images/support/avatar.png">
				</div>
			</div>
		</div>
		<div class="employee-container">
			<div class="excellent-employee">
				<div class="sec-header">
					2015年优秀员工
				</div>
				<ul class="emp-list" id="js-excel-employee-list">
					<li>
						<div class="pic">
							<img class="perf-img" src="images/support/avatar.png">
							<i class="icon-volunteer"></i>
						</div>
						<div class="bottom">
							<span class="name">往生哦</span>
							<i class="icon icon-flag"></i>
							<span class="prize-box">
								<i class="icon icon-prize"></i>
								<span class="num">21</span>
							</span>
							<div class="fix">
								<span class="btn btn-blank btn-support">支持</span>
								<div class="pos">前端工程师</div>
							</div>
						</div>
					</li>
					<li>
						<div class="pic">
							<img class="perf-img" src="images/support/avatar.png">
							<i class="icon-volunteer"></i>
						</div>
						<div class="bottom">
							<span class="name">往生哦</span>
							<i class="icon icon-flag icon-flag-yellow"></i>
							<span class="prize-box">
								<i class="icon icon-prize"></i>
								<span class="num">21</span>
							</span>
							<div class="fix">
								<span class="btn btn-blank btn-support">支持</span>
								<div class="pos">前端工程师</div>
							</div>
						</div>
					</li>
					<li>
						<div class="pic">
							<img class="perf-img" src="images/support/avatar.png">
							<i class="icon-volunteer"></i>
						</div>
						<div class="bottom">
							<span class="name">往生哦</span>
							<i class="icon icon-flag icon-flag-blue"></i>
							<span class="prize-box">
								<i class="icon icon-prize"></i>
								<span class="num">21</span>
							</span>
							<div class="fix">
								<span class="btn btn-blank btn-support">支持</span>
								<div class="pos">前端工程师</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="excellent-gover">
				<div class="sec-header">
					2015年优秀管理者
				</div>
				<ul class="emp-list" id="js-excel-gover-list">
					<li>
						<div class="pic">
							<img class="perf-img" src="images/support/avatar.png">
							<i class="icon-volunteer"></i>
						</div>
						<div class="bottom">
							<span class="name">往生哦</span>
							<i class="icon icon-flag"></i>
							<span class="prize-box">
								<i class="icon icon-prize"></i>
								<span class="num">21</span>
							</span>
							<div class="fix">
								<span class="btn btn-blank btn-support">支持</span>
								<div class="pos">前端工程师</div>
							</div>
						</div>
					</li>
					<li>
						<div class="pic">
							<img class="perf-img" src="images/support/avatar.png">
							<i class="icon-volunteer"></i>
						</div>
						<div class="bottom">
							<span class="name">往生哦</span>
							<i class="icon icon-flag icon-flag-yellow"></i>
							<span class="prize-box">
								<i class="icon icon-prize"></i>
								<span class="num">21</span>
							</span>
							<div class="fix">
								<span class="btn btn-blank btn-support">支持</span>
								<div class="pos">前端工程师</div>
							</div>
						</div>
					</li>
					<li>
						<div class="pic">
							<img class="perf-img" src="images/support/avatar.png">
							<i class="icon icon-volunteer"></i>
						</div>
						<div class="bottom">
							<span class="name">往生哦</span>
							<i class="icon icon-flag icon-flag-blue"></i>
							<span class="prize-box">
								<i class="icon icon-prize"></i>
								<span class="num">21</span>
							</span>
							<div class="fix">
								<span class="btn btn-blank btn-support">支持</span>
								<div class="pos">前端工程师</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="all-employee" id="js-all-employee">
				<div class="sec-header">
					全体员工
				</div>
				<ul class="emp-list">
					<li class="captial" data-py="A">
						<span class="captial-bg">A</span>
					</li>
					<li data-py="aqiang" data-zh="">
						<div class="pic">
							<img class="perf-img" src="images/support/avatar.png">
							<i class="icon-volunteer"></i>
						</div>
						<div class="bottom">
							<span class="name">往生哦</span>
							<i class="icon icon-flag"></i>
							<span class="prize-box">
								<i class="icon icon-prize"></i>
								<span class="num">21</span>
							</span>
							<div class="fix">
								<span class="btn btn-blank btn-support">支持</span>
								<div class="pos">前端工程师</div>
							</div>
						</div>
					</li>
					<li>
						<div class="pic">
							<img class="perf-img" src="images/support/avatar.png">
							<i class="icon-volunteer"></i>
						</div>
						<div class="bottom">
							<span class="name">往生哦</span>
							<i class="icon icon-flag icon-flag-yellow"></i>
							<span class="prize-box">
								<i class="icon icon-prize"></i>
								<span class="num">21</span>
							</span>
							<div class="fix">
								<span class="btn btn-blank btn-support">支持</span>
								<div class="pos">前端工程师</div>
							</div>
						</div>
					</li>
					<li>
						<div class="pic">
							<img class="perf-img" src="images/support/avatar.png">
							<i class="icon-volunteer"></i>
						</div>
						<div class="bottom">
							<span class="name">往生哦</span>
							<i class="icon icon-flag icon-flag-blue"></i>
							<span class="prize-box">
								<i class="icon icon-prize"></i>
								<span class="num">21</span>
							</span>
							<div class="fix">
								<span class="btn btn-blank btn-support">支持</span>
								<div class="pos">前端工程师</div>
							</div>
						</div>
					</li>
					<li class="captial"><span class="captial-bg">A</span></li>
					<li>
						<div class="pic">
							<img class="perf-img" src="images/support/avatar.png">
							<i class="icon-volunteer"></i>
						</div>
						<div class="bottom">
							<span class="name">往生哦</span>
							<i class="icon icon-flag"></i>
							<span class="prize-box">
								<i class="icon icon-prize"></i>
								<span class="num">21</span>
							</span>
							<div class="fix">
								<span class="btn btn-blank btn-support">支持</span>
								<div class="pos">前端工程师</div>
							</div>
						</div>
					</li>
					<li>
						<div class="pic">
							<img class="perf-img" src="images/support/avatar.png">
							<i class="icon-volunteer"></i>
						</div>
						<div class="bottom">
							<span class="name">往生哦</span>
							<i class="icon icon-flag icon-flag-yellow"></i>
							<span class="prize-box">
								<i class="icon icon-prize"></i>
								<span class="num">21</span>
							</span>
							<div class="fix">
								<span class="btn btn-blank btn-support">支持</span>
								<div class="pos">前端工程师</div>
							</div>
						</div>
					</li>
					<li>
						<div class="pic">
							<img class="perf-img" src="images/support/avatar.png">
							<i class="icon-volunteer"></i>
						</div>
						<div class="bottom">
							<span class="name">往生哦</span>
							<i class="icon icon-flag icon-flag-blue"></i>
							<span class="prize-box">
								<i class="icon icon-prize"></i>
								<span class="num">21</span>
							</span>
							<div class="fix">
								<span class="btn btn-blank btn-support">支持</span>
								<div class="pos">前端工程师</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="first-letter">
			<span>A</span><span>B</span><span>C</span><span>D</span><span>E</span><span>F</span><span>G</span><span>H</span><span>I</span>
			<span>J</span><span>K</span><span>L</span><span>M</span><span>N</span><span>O</span><span>P</span><span>Q</span><span>R</span>
			<span>S</span><span>T</span><span>U</span><span>V</span><span>W</span><span>X</span><span>Y</span><span>Z</span>
		</div>
	</div>
	<script data-main="js/app/support.js" src="lib/require.js"></script>
</body>
</html>